<template>
    <div class="welecome_bg">
        <div class="wel_contain_bg">
                欢迎体验卡趣送货预约管理单<el-image class="wel_img" :src="logo"/>
            </div>
    </div>
  
</template>
<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
    setup() {
        const logo=require("./images/icon_welcome_logo.png");
        return {logo}
    },
})
</script>
<style lang="less" scoped>
.welecome_bg{
    width: 100%;
    height: 100%;
    background-color: #F7f7f7;
}
.wel_contain_bg{
    margin: 8px;
    padding: 16px;
    display: flex;
      width: calc(100% - 55px);
      height: calc(100% - 55px);
    flex-flow: row;
    justify-items: center;
    justify-content: center;
    align-items: center;
    background-color: white;
    border: 1px solid white;
    border-radius: 5px;
}
.wel_img{
    margin-left: 16px;
    width: 305px;
}
</style>
